<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>home</title>
		<script src="js/wangyi-rem.js"></script>
		<link rel="stylesheet" type="text/css" href="css/home.css"/>
	</head>
	<body>
		<!--banner图-->
		<div class="banner">
			<img src="image/home/便民服务中心2@2x.png"/>
		</div>
		<!--菜单列表-->
		<div class="list">
			<a href="" class="item">
				<img src="image/home/孕妇@2x.png"/>
				<p>计生服务</p>
			</a>
			<a href="" class="item">
				<img src="image/home/就业@2x.png"/>
				<p>就业创业</p>
			</a>
			<a href="" class="item">
				<img src="image/home/入伍服役@2x.png"/>
				<p>入伍退役</p>
			</a>
			<a href="" class="item">
				<img src="image/home/保障(2)@2x.png"/>
				<p>社会保障</p>
			</a>
		</div>
		<div class="list">
			<a href="" class="item">
				<img src="image/home/医疗@2x.png"/>
				<p>医疗卫生</p>
			</a>
			<a href="" class="item">
				<img src="image/home/残疾@2x.png"/>
				<p>残疾补贴</p>
			</a>
			<a href="" class="item">
				<img src="image/home/贷款@2x.png"/>
				<p>小额贷款</p>
			</a>
			<a href="" class="item">
				<img src="image/home/贷款(1)@2x.png"/>
				<p>高龄补贴</p>
			</a>
		</div>
		<!--底部导航-->
		<div class="nav-wrap">
			<div class="nav">
				<a href="home.html">
					<div class="nav-page">
						<div class="page-icon"><img src="image/home/主页@2x.png"/></div>
						<div class="page-title">主页菜单</div>
					</div>
				</a>
				<a href="center.html">
					<div class="nav-page">
						<div class="page-icon"><img src="image/home/个人用户头像2@2x.png"/></div>
						<div class="page-title">个人中心</div>
					</div>
				</a>
			</div>
		</div>
	</body>
</html>